<!--
 * @Author: wangzy
 * @Date: 2022-06-23 15:00:35
 * @LastEditors: wangzy
 * @LastEditTime: 2022-06-23 15:34:13
 * @Description: 
-->
<!--  -->
<script lang="ts">
import { ref, reactive, onMounted, watch, computed } from 'vue'
import { useStore, mapState } from 'vuex'

export default {
  name: '',
  props: {
    IconClass: {
      type: String,
      default: '',
    },
    width: {
      type: String,
      default: '1rem',
    },
    height: {
      type: String,
      default: '1rem',
    },
  },
  setup() {
    let mainIcon = ref<string>('heijiaochangpianji')
    onMounted(() => {})

    return {
      mainIcon,
    }
  },
  components: {},
}
</script>

<template>
  <svg :style="{ width: width, height: height }">
    <use :xlink:href="IconClass"></use>
  </svg>
</template>

<style lang="scss" scoped></style>
